<template>
	<view class="foot-logo">
		<view class="foot-item">
			<view class="page-first">
				<view @click="gettext('1')">甘肃文创</view>
				<view class="page-text"></view>
				<view @click="gettext('2')">积分商城</view>
				<view class="page-text"></view>
				<view @click="gettext('3')">我的</view>
			</view>
			<view class="page-image">
				<view class="image">
					<image src="../../static/img/mine/integer-income.png"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			gettext:function(type) {
				switch (type){
					case "1":
					uni.redirectTo({
						url: '/pages/home_new/home_new',
						animationType: 'pop-in',
						animationDuration: 200
					});
						break;
					case "2":
					uni.redirectTo({
						url: '/pages/integral/integral',
						animationType: 'pop-in',
						animationDuration: 200
					});
						break;
					case "3":
					uni.redirectTo({
						url: '/pages/my/minepage_new',
						animationType: 'pop-in',
						animationDuration: 200
					});
						break;
					default:
						break;
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.foot-logo{
		// position: fixed;
		// bottom: 0;
		width: 100%;
		background: transparent;
		
		// height: 208upx;
		image{
			width: 100%;
			height: 100%;
		}
		// padding: 36upx 186upx 40upx 199upx;
	}
	.foot-item{
		display: flex;
		flex-direction: column;
		padding-top: 30upx;
		padding-bottom: 40upx;
		.page-first{
			display: flex;
			justify-content: center;
			font-size:26upx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(102,102,102,1);
			line-height: 26upx;
		}
		.page-text{
			width: 1upx;
			height: 26upx;
			border: 1upx solid rgba(102,102,102,1);
			margin-left: 20upx;
			margin-right: 20upx;
		}
	}
	.page-image{
		// padding: 0 64upx;
		display: flex;
		justify-content: center;
		margin-top: 20upx;
	}
	.image{
		width: 220upx;
		height: 64upx;
		margin-top: 15upx;
		
	}
</style>
